$(function () {

    // 校验密码输入的是否一致
    layui.form.verify({
        repwd: function (val) {
            const pwd = $('.reg-box [name="password"]').val().trim()
            if (pwd !== val) {
                return '输入的两次密码不一致！'
            }
        },
        pwd: [/^[\S]{6,12}$/, '密码的长度为6-12个字符，且不能包含空格']
    })


    // 为注册表单注册submit事件
    $('.reg-box form').on('submit', function (e) {
        // 阻止表单默认提交
        e.preventDefault()
        //发生Ajax请求
        $.ajax({
            type: 'POST',
            url: '/api/reguser',
            data: {
                username: $('.reg-box [name="username"]').val().trim(),
                password: $('.reg-box [name="password"]').val().trim()
            },
            success: function (res) {
                if (res.status === 0) {
                    layer.msg('注册成功,请登录')
                    $('#link-login').click()
                } else {
                    layer.msg('该用户名被占用')

                }
            }
        })
    })

    //为登录表单注册submit事件
    $('.login-box form').on('submit', function (e) {
        //阻止表单默认提交
        e.preventDefault()
        //发起Ajax请求
        $.post('/api/login', $(this).serialize(), function (res) {
            if (res.status === 0) {
                layer.msg('登录成功！')
                //把得到的token的，储存到localStorage 中
                localStorage.setItem('token', res.token)
                //跳转到 index.html 页面
                location.href = 'index.html'
            } else {
                layer.msg('登录失败！')
            }
        })
    })
    //点击了去注册的链接
    $('#link-reg').on('click', function () {
        //展示注册盒子
        $('.reg-box').show()
        //隐藏了登录盒子
        $('.login-box').hide()
    })


    //点击了去登录页面
    $('#link-login').on('click', function () {
        //展示登录盒子
        $('.login-box').show()
        //隐藏注册盒子
        $('.reg-box').hide()
    })
})